<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/凑单.css">
    <script src="../utils/flexible.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <div class="box">
        <!-- 头部 -->
      <header>
          <div class="head">
          
              <!-- 头部左边 -->
              <div class="head_left">
                <span> &lt; </span>
              <p>凑单品</p>
          </div>
          
          <!-- 头部右边 -->
          <div class="head_right">
          
              <div class="content">
              <img src="../assets/images/header_app.png" alt="" class="load">
             
          </div>
              </div>
          <!-- 分界线 -->
          </div>   
          </header>
          <!-- 导航 -->
          <nav class="nav">
          <div class="JD">
            <p>京东</p>
            <span></span>
          </div>

          <div class="hb">
            <p>华北</p>
            <span></span>
          </div>

          <div class="sq">
            <p>免费区</p>
          </div>
          </nav>
          <!--  -->
        <!--   店铺  -->
        <ul class="JDshow">
          <!-- 京东店铺 -->
        <!-- <li>京东</li>
        <li>一号店</li>
        <li>天猫超市</li> -->
        </ul>

        <!-- 地区 -->
        <ul class="HBshow">
            <!-- <li>华北(北京、陕西)</li>
            <li>华北(北京、陕西)</li>
            <li>华北(北京、陕西)</li> -->


        </ul>
        <!-- 商品 -->
    <section id="product">
    <ul class="products">
      
         <li>
                <img src="../assets/images/餐具.jpg" alt="">
                <p>廿一客(21cake)专用餐具 1人份(不单独配送)</p>
                <span>¥0.50</span>
            </li> 

            <li>
              <img src="../assets/images/餐具.jpg" alt="">
              <p>廿一客(21cake)专用餐具 1人份(不单独配送)</p>
              <span>¥0.50</span>
              <li>
                <img src="../assets/images/餐具.jpg" alt="">
                <p>廿一客(21cake)专用餐具 1人份(不单独配送)</p>
                <span>¥0.50</span>
          </li> 
      </ul>
    </section>

  
    <!-- 注册 -->
    
        <ul class="login">
            <li>登入</li>
            <li>注册</li>
            <li class="gotop">返回顶部</li>
        </ul>
    
    <div class="text">
        <span>手机APP下载 万锋智慧商城手机版 -- 掌上比价平台</span>
        <span>chst.vip:8081/</span>
    </div>
             <!--分界线  -->   
      </div>     
      <script src="../js/凑单.js"></script>  
     
</body>
</html>